body {
    width: 100%;
    height: 100%;
    overflow:hidden;
}
.container {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    overflow: hidden;
}
ul.scroll-list {
    width: 9rem;
    /* will-change: transform; */
}
.atv-scroll-v {
    margin: 2% 1%;
    width: 98%;
    height: 5.4rem;
    overflow: hidden;
}
.atv-scroll-h {
    width: 100%;
    height: 2.3rem;
}
.atv-scroll-h .atv-scroll-list-h {
    opacity: 0;
}
.atv-scroll-h .atv-tab {
    width: 1.6rem;
    height: 2rem;
    margin-right: 0.2rem;
    background-color: #4271ae;
    float: left;
    opacity: 0.5;
}
.atv-scroll-h .atv-focus {
    animation: _fadeIn 0.3s ease-in;
    opacity: 1;
}

@keyframes _fadeIn {
    from{opacity: 0.5}
    to {opacity: 1}
}
